<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>

    <div id="app">
        {{msg}}
    </div>

    <script type="text/javascript">
        var vm = new Vue({
            el:"#app",
            data: {
                msg: "hi vue"
            },

            beforeCreate: function (){
                console.log("beforeCreate");
            },

            created: function (){
                console.log("created");
            },

            beforeMount: function (){
                console.log("beforeMount");
            },

            mounted: function (){
                console.log("mounted");
            },

            beforeUpdate: function (){
                console.log("beforeUpdate");
            },

            updated: function (){
                console.log("updated");
            }



        });


        setTimeout(function (){
            vm.msg="change .........";
        },3000);
    </script>
</body>
</html>
